<template>
  <div class="list">
    <div class="list-head">字母排序</div>
    <div class="list-list">
      <ul class="clearFix">
        <li v-for="(itm,index) in cities" @click="find(index)">{{index}}</li>
      </ul>
    </div>
  </div>
</template>
<script>
  export default {
    props:['cities'],
    methods:{
      find(index){
        this.$emit("find",index)
      }
    }
  }
</script>
<style scoped>
  .list-head{
    font-size: .12rem;
    line-height: .36rem;
    margin-left: .15rem;
  }
  .list-list ul{
    background: #fff;
    padding:.15rem 0;
  }
  .list-list ul>li{
    width: 16.666%;
    line-height: .45rem;
    font-size: .14rem;
    text-align: center;
    float: left;
  }
</style>
